@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;	
}
/*-------------Navbar--------------*/
#nav-bar{
	position: sticky;
	top: 0;
	z-index: 10;
}
.navbar-nav .nav-item{
	padding: 0 12px;
}
.navbar-nav li{
	padding: 0 20;
}
.navbar-nav{
	text-align: center;
}
.navbar{
	background: #fff;
}
.navbar-toggler{
	border: none!important;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown-content, .dropdown-content:hover{
	transition: all 5s ease-in-out;
}
.dropdown-content a:hover {
	background-color: #ddd;
}

/*-----------About------------*/
#contact{
	padding-top: 20px;
}
#contact h2{
	padding-left: 30px;
	letter-spacing: 1px;
}
#contact h2:after{
	content: '';
	display: block;
	background: grey;
	height: 2px;
	width: 250px;
    margin: 10px 0 10px -12px;
}
#googlemap{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.map-responsive iframe{
	text-align: center;
	width: 500px;
	height: 400px;
	position: relative;
}
.map-responsive{
    overflow: auto;
    padding-bottom:56.25%;
	position:relative;
}
.contact{
	padding-left: 50px;
}
.contact h5{
	padding-top: 20px;
}
.contact p{
	text-align: justify;
}

/*--------------Copyright--------*/
#copyright{
	padding-bottom: 20px;
}
#copyright .container:before{
	content: '';
	background: grey;
	display: block;
	height: 2px;
	width: auto;
	margin: 20px auto 10px;
}
#copyright span{
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 0px;
}